<template>
  <div class="faceImg">
    <div class="image"></div>
    <h4><slot></slot></h4>
    <p>点击或拖拽上传</p>
  </div>

</template>

<script>
export default {
  name: 'FaceFile'
};
</script>

<style scoped>
  *{
    margin: 0;
    padding: 0;
  }
  h3{
    margin-bottom: 20px;
  }
  .faceImg{
    width: 100%;
    height: 180px;
    border: 1px solid #E6E6E6;
    border-radius: 20px;
    /*background: #FF69B4;*/
    position: relative;
  }
  .image{
    width: 126px;
    height: 126px;
    /*background: #508FCC;*/
    border: 1px solid #E6E6E6;
    margin: 0px auto;
  }
  h4{
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #707070;
    text-align: center;
    padding-bottom: 7px;
  }
  p{
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #508FCC;
    margin-bottom: 12px;
    text-align: center;
  }
</style>
